<template>
  <my-table :url="url">
    <template #id="{ row }">
      <a @click="chang(row)">{{ row.id }}</a>
    </template>
    <template #forecast="{row}">
      <a @click="chang(row)">{{ row.forecast }}</a>
    </template>
    <template #reviewer="{row}">
      <a @click="chang(row)">{{ row }}</a>
    </template>
    <template #status="{row}">
      <el-tag>{{ row.status }}</el-tag>
    </template>
  </my-table>
</template>

<script setup>
import { ref } from 'vue'
import MyTable from './MyTable'
const url = {
  listUrl: '/api/article/list',
  editUrl: '/article/update',
  delUrl: '/api/article/del',
  lookUrl: '/api/article/look',
}

const chang = row => {
  console.log(row)
}
</script>

<style lang="css" scoped>
</style>